

<!DOCTYPE html>
<html lang="zh-CN">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="avalonjs - 迷你简单易用的前端MVVM框架，让你的网站更快更炫更好用">
        <meta name="keywords" content="MVVM, CSS, JavaScript, framework, avalon, web development">
        <meta name="author" content="RubyLouvre,司徒正美">

        <title>avalon中文官网</title>

        <!-- Site CSS -->
        <link href="//cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
        <link href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="//static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">


        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="/assets/js/html5shiv.min.js?v=f3008b4099"></script>
          <script src="/assets/js/respond.min.js?v=f3008b4099"></script>
        <![endif]-->

        <!-- Favicons -->
        <script src="//files.cnblogs.com/files/rubylouvre/avalon.shim.js"></script>
        <link rel="apple-touch-icon-precomposed" href="favicon2.png">
        <link rel="shortcut icon" href="favicon2.png">
        <link href="./assets/css/docs.min.css" rel="stylesheet">


    </head>
    <body class="home-template">


        <div class="jumbotron masthead">
            <div class="container">
                <h1>avalon</h1>
                <h2>迷你简单易用的前端MVVM框架，让您的网站更快更炫更好用</h2>
                <p class="masthead-button-links">
                    <a class="btn btn-lg btn-primary btn-shadow" href="tutorial/home/index.html"  role="button" >avalon1.5.*教程</a>
                </p>
                <ul class="masthead-links">
                    <li>
                        <a href="http://www.cnblogs.com/rubylouvre/p/3181291.html" target="_blank" role="button" >avalon1.4.×教程</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="bc-social">
            <div class="container">
                <ul class="bc-social-buttons">
                    <li class="social-qq">
                        <i class="fa fa-qq"></i> avalon技术交流群：<span id="qqgroup">228372837</span>、<span id="qqgroup">208841633</span>、<span id="qqgroup">79641290</span>
                    </li>
                    <li class="social-forum">
                        <a class="" href="http://www.avalon.org.cn/" title="avalon中文论坛" target="_blank"  >
                            <i class="fa fa-comments"></i> avalon问答社区
                        </a>
                    </li>
                    <li class="social-weibo">
                        <a href="http://weibo.com/jslouvre" title="avalon作者的新浪微博" target="_blank" >
                            <i class="fa fa-weibo"></i> 新浪微博：@jslouvre</a>
                    </li>
                </ul>
            </div>
        </div>



        <div class="container projects">

            <div class="projects-header page-header">
                <h2>谁有使用avalon</h2>
                <p>欢迎各位使用者到Q群找作者提交你们公司的LOGO与链接</p>
            </div>
            <script>
                var logos = [
                    {
                        src: "qunar.jpg",
                        link: "http://www.qunar.com/"
                    }, {
                        src: "wuxian.baidu.jpg",
                        link: "http://wuxian.baidu.com/"
                    }, {
                        src: "market.baidu.jpg",
                        link: "javascript:void 0"
                    }, {
                        src: "baidutuiguang.jpeg",
                        link: "http://tuiguang.baidu.com"
                    },
                    {
                        src: "bianfeng.png",
                        link: "http://www.bianfeng.com/"
                    }, {
                        src: "ccssoft.jpg",
                        link: "http://www.ccssoft.com.cn/"
                    }, {
                        src: "maimaiys.png",
                        link: "http://www.maimaiys.com/"
                    }, {
                        src: "quanshi_logo.jpg",
                        link: "http://www.quanshi.com/"
                    }, {
                        src: "ronglian.png",
                        link: "http://www.ronglian.com/"
                    }, {
                        src: "sdl_logo.png",
                        link: "http://www.cloudary.com.cn/"
                    }, {
                        src: "sohulogo.png",
                        link: "http://www.sohu.com/"
                    }, {
                        src: "ustack.png",
                        link: "http://www.ustack.com/"
                    }, {
                        src: "wiz.jpg",
                        link: "https://note.wiz.cn/"
                    }, {
                        src: "wps.jpg",
                        link: "https://vip.wps.cn/"
                    }, {
                        src: "xiaojukeji.png",
                        link: "http://www.xiaojukeji.com/website/index.html"
                    }, {
                        src: "isoftstone.png",
                        link: "http://www.isoftstone.com/cn/industries/insurance.aspx?id=insurance"
                    }, {
                        src: "cevlink.png",
                        link: "http://www.cevlink.com/"
                    }, {
                        src: "xiezhe.png",
                        link: "http://xizhe.it"
                    }, {
                        src: "chinaedu.jpg",
                        link: "http://www.chinaedu.net/"
                    }, {
                        src: "itangyuan.png",
                        link: "http://itangyuan.com"
                    }, {
                        src: "syntop_logo.png",
                        link: "http://www.syntop.com"
                    }, {
                        src: "angelcrunch.png",
                        link: "http://angelcrunch.com/"
                    }, {
                        src: "newwwedu.png",
                        link: "http://www.newwwedu.com/"
                    }, {
                        src: "vcb.jpg",
                        link: "http://crmdemo.vcb.cn/loginview.aspx?ReturnUrl=/default.aspx"
                    }, {
                        src: "niaobushi.png",
                        link: "http://www.niaobushi360.com/"
                    }, {
                        src: "mokylin.png",
                        link: "http://www.mokylin.com/"
                    }, {
                        src: "aiispo.jpg",
                        link: "http://aiispo.cn/"
                    }, {
                        src: "wohuizhong.png",
                        link: "http://www.wohuizhong.com/"
                    }, {
                        src: "kagou.png",
                        link: "http://www.cargopm.com/dzg-system-front/#!/home"
                    }, {
                        src: "easyzhx.png",
                        link: "http://www.easyzhx.com/"
                    }
                ];

                avalon.define({
                    $id: "logos",
                    logos: logos
                });
            </script>
            <style>
                .jumbotron:after{
                    display: none;
                }
                .logos {
                    width: 980px;
                    margin: 0 auto;
                    padding: 20px;
                    overflow: hidden;
                    *zoom: 1;
                }

                .logos li{
                    float: left;
                    margin: 10px;
                    text-align:center;
                    font-size:0;
                    background: #fff;
                    border-radius: 10px;
                }
                .logos li a{
                    display: inline-block;
                    width: 135px;
                    height: 135px;
                    line-height: 135px;;
                }

                .logos li:after,.logos li span{
                    display:inline-block;
                    *display:inline;
                    *zoom:1;
                    width:0;
                    height:100%;
                    vertical-align:middle;
                }
                .logos li:after{
                    content:'';
                }
                .logos li img{
                    display:inline-block;
                    *display:inline;
                    *zoom:1;
                    vertical-align:middle;
                    font-size:16px;
                    width: 120px;
                }
            </style>
            <div class="row jumbotron" >
                <ul class="logos" ms-controller="logos">
                    <li ms-repeat="logos" >
                        <a ms-attr-href="el.link" target="_blank" >
                        <img ms-src="http://7xp089.com1.z0.glb.clouddn.com/logo_{{el.src}}"/>
                        <!--[if lt IE 8]><span></span><![endif]-->
                        </a>
                    </li>
                </ul>

            </div>
        </div>

        <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

        <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
        <script src="./assets/js/ie10-viewport-bug-workaround.js"></script>
        <script src="./assets/js/iframe.js"></script>

        <!-- 上面是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将上面面的统计代码删掉！！！ -->
    </body>
</html>
